.content{
    width:90%;
     height:800px;
     margin:70px auto;
         }
         
       .content-left{
        width:60%;
        height:700px;
        margin-left:100px;
        float:left;
        
       }
       .content-left-top{
           width:100%;
           height:100px;
           background-image:url("../image/bjt.jpg");
       }
       .content-left-bottom{
       width:100%;
       /*height:1150px;*/
       border:1px solid #bdbdbd;
       margin-top: 10px;
       background-color: white;
       }
   
       .content-title{
        width:100%;
        height:60px;
        border-bottom: 1px solid #bdbdbd;        
       }
         .content-title ul{
             margin:0;
         }
       .content-title ul li{
      line-height: 60px;
     margin-right: 20px;
      list-style: none;
      display: inline-block;
       }
   
   .content-content{
       width:100%;
       height:260px;
      border-bottom: 1px solid #bdbdbd;
   }
   .content-content h3{
       margin:0;
       padding-top: 20px;
       padding-left:20px;
   }
   .content-content h3:hover{
   color:cornflowerblue;
   }
   .content-content .title-content{
       width:95%;
       height:166px;
       margin-top: 5px;
       margin-left:20px;
   }
   .content-content .title-content img{
       width:30%;
       height:166px;
       display: inline-block;
   }
   .content-content .title-content .title-nr{
       width:68%;
       height:166px;
       display: inline-block;
       float:right;
   }
   .content-content .title-content .title-nr .p-nr{
       width:95%;
       height:76px;
       overflow: hidden;
       text-overflow:ellipsis;
   }
   a{
       color:black;
       text-decoration: none;
   }
   
   
   body{
       background-color: #bdbdbd3b;
   }
   
       .content-right{
           width: 26%;
       height: 180px;
       margin-right: 60px;
       background-color: cornflowerblue;
       float: right;
       position: fixed;
       right: 40px;
       }
     .content-right .content-right-top{
         width:100%;
         height:130px;
         border-bottom: 1px solid #bdbdbd;
         background-color: white;
     }
     .content-right .content-right-top .item{
         width:20%;
         height:88px;
         display: inline-block;
         margin-left:10px;
        margin-top:24px;
     }
     .content-right .content-right-top .item .item-i{
         width:90%;
         height:60px;
       
         border-radius: 50%; 
     }
     .content-right .content-right-top .item .item-i img{
         margin-top: 16px;
         margin-left: 22px;
     }
     .content-right .content-right-top .item p{
         text-align: center;
         margin-top:8px;
         
     }
   
   #item-one{
   
     background-color: #ced5fc;
     }
   
     #item-one img{
         margin-left: 18px;
     }
   #item-two{
         background-color: #a5d5ab;
       }
   #item-three{
     background-color: #b9ecf0;
       }
   #item-four{
         background-color: #9df4ba;
       }
     .content-right .content-right-bottom{
         width:100%;
         height:48px;
     } 
     .content-right .content-right-bottom .one-left{
         width:49%;
         height:100%;
         border-right: 1px solid #bdbdbd;
         line-height: 48px;
         text-align: center;
         display: inline-block;
     }
     .content-right .content-right-bottom .one-right{
       width:49%;
         height:100%;
      line-height: 48px;
      text-align: center;   
      display: inline-block;   
     }
     .content-right-bottom p{
         margin:0;
         display: inline-block;
     }
   .userxx{
   margin-top:5px;
   }
   